<!DOCTYPE html><!--声明HTML5文档:超文本标记语言（英语：HyperText Markup Language，简称：HTML）是一种用于创建网页的标准标记语言。-->
<html lang="en"><!--html:根元素。lang意思是：language语言;en意思是：English英语;使用这段的好处是让你的浏览器提示你要不要翻译此页，如果改成“zh-cn"就没有翻译的选项了-->
<head>
	<title>这是一个布局</title><!--头部元素-->
	<link rel="stylesheet" type="text/css" href="CSS/one.css">
</head>
<body><!--主体元素:可见的页面内容-->
	<div id="container" style="width:500px">
	</div>
    <div id="header" style="background-color:aqua">
		<h1 style="margin-bottom: 0;">主要的网页标题</h1>
	</div>
	<div id="menu" style="background-color:antiquewhite;height: 200px;width: :30%;float:left;">
	</div>
	<div id="content" style="background-color:aquamarine;height: 200px;width:70%;float:left;">
	</div>
	<div id="footer" style="background-color:beige;clear:both;text-align: center;">版权 @ runoob.com
	</div>
</body>
</html>